<template>
  <div class="home">
    <BiliXPlayer :videoInfo="videoObject" :barrageList="barrageList" />
  </div>
</template>

<script setup>
// @ is an alias to /src
import FeedCard from "@/components/FeedCard.vue";
import BiliXPlayer from "@/components/BiliXPlayer.vue";
import { ref } from "vue";

const videoObject = ref({
  previewImgUrl: ref(require("@/assets/img/wuting.jpg")),
  videoSrc: require("@/assets/video/wuting.mp4"), // 视频资源路径
  title:
    "【10.14日早7时】突发！真主党无人机突袭以军精英部队“戈兰”旅训练营致70人伤亡",
  author: "e4glet",
  date: "10月14日",
});

const barrageList = ref([
  {
    barrage_id: 1,
    content: "好听",
    user: "lake",
    sendTime: "00.02",
    barrType: "base",
  },
  {
    barrage_id: 2,
    content: "這是我心中覺得黑神話最好聽的歌",
    user: "ccc",
    sendTime: "00.04",
    barrType: "base",
  },
  {
    barrage_id: 3,
    content:
      "你不放手，（你）这一路何年何月得救；你若放手，（我）这一路何年何月得救",
    user: "萌娃",
    sendTime: "00.06",
    barrType: "base",
  },
  {
    barrage_id: 4,
    content: "这一章看得我稀里哗啦的",
    user: "ccc",
    sendTime: "00.05",
    barrType: "base",
  },
  {
    barrage_id: 5,
    content: "太好看了",
    user: "ccc",
    sendTime: "00.05",
    barrType: "base",
  },
  {
    barrage_id: 6,
    content:
      "你不放手，（你）这一路何年何月得救；你若放手，（我）这一路何年何月得救",
    user: "萌娃",
    sendTime: "00.06",
    barrType: "base",
  },
  {
    barrage_id: 7,
    content: "黑神話的八戒真的超萌的",
    user: "萌娃",
    sendTime: "00.09",
    barrType: "base",
  },
  {
    barrage_id: 8,
    content: "其实这首歌是不是好听到有点过分？",
    user: "发布者C",
    sendTime: "00.20",
    barrType: "base",
  },
  {
    barrage_id: 9,
    content: "大哥大姐过年好",
    user: "e4glet",
    sendTime: "00.26",
    barrType: "base",
  },
  {
    barrage_id: 10,
    content: "不错哦",
    user: "杰伦",
    sendTime: "00.32",
    barrType: "base",
  },
  {
    barrage_id: 11,
    content: "非常好听",
    user: "nako",
    sendTime: "00.40",
    barrType: "base",
  },
  {
    barrage_id: 12,
    content: "大哥大姐过年好",
    user: "e4glet",
    sendTime: "00.26",
    barrType: "base",
  },
  {
    barrage_id: 13,
    content: "不错哦",
    user: "杰伦",
    sendTime: "00.32",
    barrType: "base",
  },
  {
    barrage_id: 14,
    content: "非常好听",
    user: "nako",
    sendTime: "00.40",
    barrType: "base",
  },
  {
    barrage_id: 15,
    content: "爱了爱了",
    user: "e4glet",
    sendTime: "00.50",
    barrType: "base",
  },
  {
    barrage_id: 16,
    content: "好听",
    user: "杰伦",
    sendTime: "01.12",
    barrType: "base",
  },
  {
    barrage_id: 17,
    content: "好听",
    user: "nako",
    sendTime: "01.20",
    barrType: "base",
  },
  {
    barrage_id: 18,
    content: "好听",
    user: "杰伦",
    sendTime: "01.30",
    barrType: "base",
  },
  {
    barrage_id: 19,
    content: "好听",
    user: "nako",
    sendTime: "01.40",
    barrType: "base",
  },
]);
</script>
<style lang="scss" scoped>
.home {
  margin: 0 auto;
}
</style>
